<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h3 id="h"></h3>
    <script>
        
        setInterval(
            function(){
                var date = new Date() //获取当前时间
                var starttime = date.getTime(); //获取时间戳
                date.setHours(21,0,0)//修改时间为目标时间
                var endtime = date.getTime();// 获取目标时间的时间戳
                var restime = (endtime - starttime)/1000;//得到两个时间段之间的毫秒数
                var seconds = restime % 60 //得到秒数
                var minute  = (restime-restime % 60)/60%60//得到分钟数 
                var hours = Math.floor(restime/3600);//得到小时数
                document.getElementById('h').innerHTML = '距离下课还有：'+hours+' : '+minute+' : '+seconds
            },1000
        )
        
    </script>
</body>
</html>